
*{
    margin:0;
    padding:0;
}
body{
	background:url(../img/派克街.gif);
	background-repeat:no-repeat;
	background-size:100% auto;
}
.container{
	padding: relative;
	width:100rem;
	background-color: #9face6;
	
}
.switch span{
    color:#ccc;
    font-size:1.4rem;
    cursor:pointer
}
.switch span.active{
    color:rgb(114, 113, 116);
}
.content{
	margin: 0 auto;
}
.panel{
	width:40%;
	text-align: center;
	position: absolute;;
	top: 20rem;
	left: 40rem;
}

form{
    width:100%;
	margin: 2rem 0 0;
}

form .input{
    position:relative;
    opacity: 1;
    height: 2rem;
    width:100%;
    margin:2rem 0;
	transition: .4s;

}

.input input{
    outline: none;
    width:100%;
    border:none;
    border-bottom: .1rem solid rgb(114, 113, 116);
    
}
.input::after{
    content:attr(placeholder);
    position:absolute;
    left: 0;
    top:-20%;
    font-size: 1.3rem;
    color:rgb(114, 113, 116);
    transition: .3s;
}
.input.focus::after{
    top:-70%;
    font-size: 1rem;
}
.login .input#email,
.login .input#repeat{
    margin:0;
    height: 0;
    opacity: 0;
}
form span{
    display: block;
    color: rgb(124, 123, 128);
    font-size: .8rem;
    cursor: pointer;
}
form .submit{
    border: none;
    margin: 2rem 0 0;
    width:50%;
    height: 3.5rem;
    border-radius: 3rem;
    background: linear-gradient(90deg, #74ebd5 0%, #9face6 100%);
    box-shadow: 0 0 8px #9face6;
    cursor: pointer;
}